<template>
<view class="sky-card" :style="cardStyle">
<slot></slot>
</view>
</template>
<script setup>
const props = defineProps({
    margin: {
        type: String,
        default: '12rpx 0'
    },
    padding: {
        type: String,
        default: '24rpx'
    },
    borderRadius: {
        type: [String, Number],
        default: 0
    },
})
const cardStyle = computed(() => {
    return {
        margin: props.margin,
        padding: props.padding,
        borderRadius: props.borderRadius,
    }
})
</script>
<style scoped lang="scss">
.sky-card{
    background-color: #fff;
}
</style>
